<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">

*{
margin: 0;
padding: 0;

}

.all{
width:350px;
margin: 20px auto;
border:1px solid #00d2ff;
background-color:#8fbed1;
}

.first{

  margin-top: 5px;
}

.second{
margin: 0px 2px;
background-color: white;
border: 1px solid aliceblue;
}

.third{
text-align: right;
vertical-align: center;
/*! margin-top: -5px; */
background-color: #b9d7c8;
/*! margin: 10px; */
}

.third a{
text-decoration: none;
border-radius: 4px;
border:1px solid;
color:gray;
font-size:10px;

}

</style>
</head>

<body>
<div class="all">
	<div class="first">
		<span>welcome to login</span>
	</div>
	<div class="second">
		<table>
			<tr>
				<td>
					<table>
						<tr><td>用户</td><td><input type="text" name="userno"></td></tr>
						<tr><td>密码</td><td><input type="text" name="userpwd"></td></tr>
						<tr>
							<td>职业</td>
							<td>
								<select name="userprofession">
									<option>教师</option>
									<option>学生</option>
									<option>学生</option>
								</select>
							</td>
						</tr>
					</table>
				</td>
				
				<td><img src="images/pp.png"></td>
			</tr>
		</table>
	</div>
	<div class="third">
		<a href="#"><img src="images/ok.png">登录</a>
	</div>
</div>
</body>
</html>